/**
 * header部分样式
 */

.header-warpper {
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 84px;
	height: 84px;
	-webkit-box-shadow: 0px 0px 2px 0px #d6d6d6;
	box-shadow: 0px 0px 2px 0px #d6d6d6;
	background: url(../../skin/img/headerBG.png) no-repeat center center;
}
.header-warpper .header {
	position: relative;
	width: 1170px;
	margin: 0 auto;
}

.header-warpper .header .rightInfo .search {
	position: absolute;
	top: 25px;
	right: 205px;
	width: 322px;
	height: 34px;
	line-height: 34px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	padding-left: 34px;
}

.header-warpper .header .rightInfo .searchIco {
	position: absolute;
	display: inline-block;
	top: 25px;
	right: 490px;
	background: url(../../skin/img/search.png) no-repeat center center;
	width: 34px;
	height: 34px;
	line-height: 34px;
}

.header-warpper .header .rightInfo .userInfo {
	position: absolute;
	display: inline-block;
	top: 25px;
	right: 70px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fd6f8b;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.header-warpper .header .rightInfo .menu {
	position: absolute;
	display: inline-block;
	top: 25px;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../../skin/img/index_page.png) no-repeat center center;
/* 	background: url(../../skin/img/menu.png) no-repeat center center; */
	cursor: pointer;
}


/**
 * footer部分样式
 */

.footer {
	clear: both;
	width: 100%;
	line-height: 155px;
	position:absolute;
	bottom:0;
	height: 155px;
	background: url(../../skin/img/footerBG.png) no-repeat center center;
}

.footer .container {
	position: relative;
	width: 1170px;
}

.footer .container .copyrightInfo {
	position: absolute;
	left: 0;
	top: 35px;
}

.footer .container .copyrightInfo span {
	display: block;
	line-height: 36px;
	color: #fff;
}

.footer .container .linkFlag {
	position: absolute;
	right: 0;
	top: 35px;
	height: 72px;
}

.footer .container .linkFlag .microBlog {
	display: inline-block;
	width: 72px;
	height: 72px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	background: #fff;
}

.footer .container .linkFlag .microBlog span {
	display: block;
	width: 72px;
	height: 72px;
	background: url(../../skin/img/microBlogIco.png) no-repeat center center;
}

.footer .container .linkFlag .weChat {
	display: inline-block;
	width: 72px;
	height: 72px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	background: #fff;
	margin-right: 40px;
}

.footer .container .linkFlag .weChat span {
	display: block;
	width: 72px;
	height: 72px;
	background: url(../../skin/img/weChatIco.png) no-repeat center center;
}
.logo-img:hover{
	cursor:pointer;
}
.bmspan{
    display: inline-block;
    height: 115px;
    position: absolute;
    width: 115px;
    z-index:10;
    left:33px;
	top:33px;
}
.body{
  position: relative!important;
  padding-bottom: 185px;
}
.body-container{
	padding-top: 84px;
}
/*群组设置开始*/
/**
 * 第二步模态框
 */
.groupUpdateImg{
	position: relative;
	width: 288px;
	height: 143px;
	border: 1px dashed #DDD;
	border-radius: 4px;
	background-color: #EEEEEE;
}
.groupUpdateImg img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.groupUpdateImg span{
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	width: 35px;
	height: 26px;
	line-height: 26px;
	background: #027791;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}
.groupUpdateTitle{
	color: #555;
	font-size: 16px;
	font-weight: 300;
	margin: 15px 10px;
}
/* .editText{
	display: inline-block;
	width: 455px;
	min-height: 40px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline:none;
	word-wrap:break-word;
}
.editText:hover,.editText:focus{
	border: 1px dashed #ccc;
}*/
.groupDes{
	min-height: 130px;
} 
.groupConf,.changeRole{
	color: #031751;
	cursor: pointer;
	font-weight: 400;
}

/**
 * 组设置
 */
.confTile{
	padding: 10px 20px;
	background: #eee;
}
.fDiv{
	border-bottom: 2px dashed #EEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.roleChange{
	padding: 10px 20px;
}
.roleChange label{
	cursor: pointer;
}
.roleChange label,
.rolePer span{
	color: #555;
	font-size: 16px;
	font-weight: 300;
}
.roleChange div,
.rolePer div{
	color: #555;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.5;
	padding: 5px 0;
}
.rolePer{
	padding: 10px 0;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 2px dashed #eee;
}
.rolePer:last-child{
	border: none;
}
.rolePer .sortItem{
	width: 200px;
	margin-top: 10px;
}

/**
 * 下拉
 */
.js_sel_1,.js_sel_2,.js_sel_3,.js_sel_4,.js_sel_5,.js_sel_6,.js_sel_7{
	display: inline-block;
	width: 179px;
	color: #031751;
}
.js_sel_1List,.js_sel_2List,.js_sel_3List,.js_sel_4List,.js_sel_5List,.js_sel_6List,.js_sel_7List{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	display: none;
	z-index: 98;
}
.js_sel_1List .item,
.js_sel_2List .item,
.js_sel_3List .item,
.js_sel_4List .item,
.js_sel_5List .item,
.js_sel_6List .item,
.js_sel_7List .item{
	height: 35px;
	padding: 5px 15px;
}
.js_sel_1List .item:first-child,
.js_sel_2List .item:first-child,
.js_sel_3List .item:first-child,
.js_sel_4List .item:first-child,
.js_sel_5List .item:first-child,
.js_sel_6List .item:first-child,
.js_sel_7List .item:first-child{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.js_sel_1List .item:last-child,
.js_sel_2List .item:last-child,
.js_sel_3List .item:last-child,
.js_sel_4List .item:last-child,
.js_sel_5List .item:last-child,
.js_sel_6List .item:last-child,
.js_sel_7List .item:last-child{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.js_sel_1List .item.active,
.js_sel_2List .item.active,
.js_sel_3List .item.active,
.js_sel_4List .item.active,
.js_sel_5List .item.active,
.js_sel_6List .item.active,
.js_sel_7List .item.active{
	background: #F5F8FA;
}
.js_sel_1List .item:hover,
.js_sel_2List .item:hover,
.js_sel_3List .item:hover,
.js_sel_4List .item:hover,
.js_sel_5List .item:hover,
.js_sel_6List .item:hover,
.js_sel_7List .item:hover{
	background: #F5F8FA;
}
.sortItem{
	margin-right: 15px;
}

#groupInfoModal .groupName,.groupDes{
    background-color: transparent;
    box-shadow: none;
    width: calc(100% - 200px);
    color: rgb(85, 85, 85);
    box-sizing: content-box;
    border-radius: 5px;
    transition: none;
    margin: 0px;
    padding: 13px 15px 12px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}
#groupInfoModal .groupName,.groupDes:focus{
	outline:none;
	box-shadow: none;
	color: rgb(85, 85, 85);
    border-width: 1px;
    border-style: dashed;
    border-color: #01a1e7;
    border-image: initial;
}
.error-msg{
	color: red;
    padding: 0 20px;
    font-size: 17px;
}
.selectRoleItem{
	border-bottom: 2px dashed #eee;
	cursor:pointer;
}
.selectRoleItem:hover{
	background: rgba(218, 245, 251, 0.38);
}
.groupTitle .groupName{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.groupTitle span{
	display: block;
}
/*群组设置结束*/
.contentList .dropdown-toggle{
	height:26px;
}

/*翻页预览*/
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../../../images/opwg/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../../../images/opwg/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}

/*遮罩*/
.gzLoading{  
    width:160px;  
    height:56px;  
    position: absolute;  
    top:50%;  
    left:50%;  
    line-height:56px;  
    color:#fff;  
    padding-left:60px;  
    font-size:15px;
    background: #000 url(../img/loading.gif) no-repeat 10px 50%;  
    opacity: 0.7;  
    z-index:9999;  
    -moz-border-radius:20px;  
    -webkit-border-radius:20px;  
    border-radius:20px;  
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
/*群组样式*/
.group-modal-body{
	overflow-y: auto;
    height: 500px;
}
/*滚轴样式*/
body ::-webkit-scrollbar{
	width: 5px;
  height: 5px;
}
body ::-webkit-scrollbar-thumb{
	background: #ccc;
  border-radius: 5px;
}
body ::-webkit-scrollbar-track{
	background: rgba(255,255,255,0);
}
video{
	object-fit:fill!important;
}
.no-data{
	text-align:center;
	font-size:16px;
	margin-top:20px;
	cursor: default!important;
	background-color: #fff!important;
}